@charset "UTF-8";
body{background-color: #23729b; font-family: "微软雅黑";
min-width: 1265px;}
.head{width: 100%;height: 10px;}
.head-d{width: 315px;height: 20px; margin: 0 auto;line-height: 110px;}
.center{width: 1240px;height: 660px; margin: 0 auto;border: 1px solid red;}
.Anti-Virus{width: 190px;height: 200px;}
.Anti-Virus-2{width: 190px;height: 200px;margin-left: 20%;}

/*首页style*/
/*两大块开始*/


.head-t{width: 410px;height: 200px;margin-left: 27px;}
.pieces-tit{color: #fff;font-size: 14px;font-family: "微软雅黑";width: 100%;text-align: center;}
.content-pieces2 a{
    display: inline-block;
    height: 200px;
    width: 190px;
    
    font-size: 12px;
}

.content-pieces3 a.pieces1{
    background-color: #b1181e;
}
 .content-pieces3 a.pieces2{
    background-color: #cc6a00;
}
 .content-pieces3 a.pieces3{
    background-color: #009944;
}
 .content-pieces3 .pieces-tit{
    color: #fff;
    margin:10px 0 0 10px;
}
 .content-pieces3 .pieces-txt{
    color: #fff;
    text-align: center;
    margin-top: 60px;
}
 .content-pieces3 .pieces-txt i{
    font-size: 40px;
    font-style: normal;
}
 .content-pieces2 a.pieces4{
    margin-left: 20px;
}
 .content-pieces2 a{
    background: #3a83a7;

}
 .content-pieces2 .pieces-tit{
    margin:5px 0 0 0px;
} 
.circle{
    margin:20px auto;
    width: 160px;
    height: 160px;
    position: relative;
}
canvas{display: block;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}
#canvas_1{
    z-index: 1 ;
}
#canvas_2{
    z-index: 2;
   /* background: transparent;*/
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
}
#canvas_3{
    z-index: 1 ;
}
#canvas_4{
    z-index: 2;
   /* background: transparent;*/
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
}
/*两大块结束*/

/*设备接入块*/
 .Device{width: 420px; height: 200px;margin-left: 34%;margin-top: -205px;color: #fff;font-family: "微软雅黑";background-color: #3b85a9}
.Device ul{float: left;margin:8px 6px 9px 10px;}
.text-h{font-size: 14px;width: 100%;text-align: center;margin-top: 5px;height: 20px;line-height: 27px;}
.ul-l{width: 122px;height: 155px;background-color: #5dcdff}
.ul-l li:nth-child(1){font-size: 12px;margin: 5px 4px;}
.ul-l li:nth-child(2){font-size: 30px;margin: 42px 40px;}
.ul-l li:nth-child(3){font-size: 12px;margin: 30px 20px;}
.ul-l li span{font-size: 16px;}

.ul-c li:nth-child(1){font-size: 12px;margin: 5px 4px;}
.ul-c li:nth-child(2){font-size: 30px;margin: 42px 40px;}
.ul-c li:nth-child(3){font-size: 12px;margin: 30px 20px;}
.ul-c li span{font-size: 16px;}

.ul-r li:nth-child(1){font-size: 12px;margin: 5px 4px;}
.ul-r li:nth-child(2){font-size: 30px;margin: 42px 40px;}
.ul-r li:nth-child(3){font-size: 12px;margin: 30px 20px;}
.ul-r li span{font-size: 16px;}
.ul-c{width: 122px;height: 155px;background-color: #ff7876}
.ul-r{width: 122px;height: 155px;background-color: #5dcdff}
/*设备接入块结束*/
.ccc div{float: left;font-family: "微软雅黑"}
.IP{width: 190px;height: 90px;background-color: #ff7876;margin-top: 10px;
   margin-left: 48px;
    color: #fff;font-family: "微软雅黑"}
.IP ul li:nth-child(1){font-size: 13px; padding: 7px 12px;}
.IP ul li:nth-child(2){font-size: 28px;padding:10px 77px;}
.fp{width: 190px;height: 90px;background-color: #28bdff;color: #fff;font-family: "微软雅黑";margin-top: 10px;
   margin-left: 13px;}
.fp ul li:nth-child(1){font-size: 13px; padding: 7px 10px;}
.fp ul li:nth-child(2){font-size: 28px;padding:10px 77px;}

.buding{width: 210px;height: 90px;background-color: #3b85a9;margin-left: 14px;margin-top: 10px;}
.buding ul li:nth-child(1){width: 70px;background-color: #5dcdff;height: 90px;}
.buding ul li{float: left;}
.buding ul li:nth-child(2){width: 140px;text-align: center;line-height: 90px;font-size: 12px;color: #5dcdff;}
.buding ul li span{font-size: 30px;}

.ruanjian{width: 200px;height: 90px;background-color: #3b85a9;margin-left: 14px;margin-top: 10px;}
.ruanjian ul li:nth-child(1){width: 70px;background-color: #5dcdff;height: 90px;}
.ruanjian ul li{float: left;}
.ruanjian ul li:nth-child(2){width: 130px;text-align: center;line-height: 90px;font-size: 12px;color: #ff7876;}
.ruanjian ul li span{font-size: 30px;}

/*柱形图*/
.zxt{width: 830px;height: 400px;margin-left: 49px;margin-top: 110px;}
.zxt-left{width: 395px;height: 710px;background-color: #387ea3;margin-left: 895px;margin-top: -710px;}
.zxt-l{height: 710px;}

.fan{width: 40px;height: 20px;position: absolute; top: 15px;left: 5px;color: #fff;font-size:12px}
.fan:hover{color: #ff7876}
a:link{text-decoration:none;}
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-22 09:27:48
 * @version $Id$
 */
